import Vue from 'vue'
import Vuex from 'vuex'
import axios from 'axios'
// -----↓ 导入 持久化存储
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex)

export default new Vuex.Store({
  // 配置为vuex 的插件
  plugins: [createPersistedState()],
  state: {
    // 存储登录的token值
    token: '',
    // 定义对象用户信息
    userinfo: null
  },
  mutations: {
    // 更新state里面的token
    updataToken (state, token) {
      state.token = token
    },
    // 更新用户信息
    updataUserinfo (state, info) {
      state.userinfo = info
    }
  },
  actions: {
    // 初始化用户基本信息
    async UserInfo (context) {
      // 用户信息 需要传递请求头信息
      // axios的请求头
      const res = await axios.get('/my/userinfo', {
        headers: {
          // 获取state数据里面的token值
          Authorization: context.state.token
        }
      })
      // console.log(this.state.userinfo)
      // 发送axios 获取数据
      if (res.data.code === 0) {
        context.commit('updataUserinfo', res.data.data)
      }
    }
  },
  modules: {
  }
})
